El efecto sería el siguiente:
<marquee direction="up" scrollAmount="1" style="background-color: #990000; text-align: center; width:100px;height:150px;border:2px solid #cccccc;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='1'">
<a href="URL del enlace" title="texto"><img src=" aquí url imagen"</a> <br>
<a href="URL del enlace" title="texto"><img src="aquí url imagen"</a>
</marquee>
La forma de modificarlo a nuestro gusto es la siguiente:
background-color: #990000 Sustituimos #990000 por el color deseado.
scrollAmount="1" Variamos el valor "1" por menos o superior número según velocidad de las imagenes.
width:100px Modificamos el valor 100px para el ancho del scroll.
height:170px Es la altura del scroll podemos también variar su tamaño.
border:2px Variamos 2px por menor o mayor número según el grosor del borde.
border:2px solid #cccccc; Es el color del borde podemos cambiar #cccccc; por el color deseado.
Donde dice "URL del enlace" debemos añadir la url de la página a enlazar.
En "texto" añadimos el texto que aparecerá al pasar el mouse por encima del enlace.
Para añadir la imagen lo podemos hacer en "aquí url imagen"
Hola Gem@, hice unas cosicas bellas en el blog aprovechando esto que explicas. Tu blog luce muy lindo allí, gracias por el dato. aunque no se si el usar este tipo de cosas enlentece la carga de la página, qué dices?
un abrazo ;)
CaTa
Tengo muchos Gem@ solo me sale tres
¿por que?
Un abrazo
Hola Gema he pasado a dejarte un saludito. Besos
Gracias Cata por incluirme y por el detalle de enlazarme.
Te está quedando guapo el blog ;)
Alida intenta añadirle más altura al scroll (en height:170px)
Te he dejado un comentario ;)
¡Hola Mary me encanta verte por aquí guapa ¡
Gem@, como me iba salir jejeje si había dejado el otro y monte este amiga encima ahora si, uffsss que lenta soy jejeje
Gracias
Una vez más excelente el scroll vertical. Realmente muy vistoso e increíblemente útil.
Me saco el sombrero (con este van como 40 sombreros).
Estas enlazada desde el orígen de los tiempos!,;) solo que estaba todo mas formalito el blog, pero en la medida en que voy aprendiendo cosillas , me atrevo.
Gracias una vez mas, abrazote
?Habra alguna manera para poner asi los links a otros blogs? ya vi que lo puedo hacer con el nombre de la pagina pero quisiera con el link. Gracias
Hola Gem@, pareces como si adivinaras los que necesitamos, casualmente buscaba algún código para poder recoger de una forma adecuada mis contactos, pero no di con nada apropiado hasta hoy que entre aqui a ver tus cosillas, asi que gracias a tu creatividad, en hora buena.
Alida son cosas que pasan....:)
¿Cuarenta ya Pablo? madre mía cuantos sombreros tiene este hombre...
Gracias Cata, no sé si te habrás dado cuenta pero yo no te he enlazado todavía, me di cuenta esta tarde :( sorry... solucionaré eso.
Hola Rosa claro que puedes, solo debes añadir el código para enlazar.
Ejemplo:
<a href="http://lascosasderosa.blogspot.com/">Cosas de Rosa</a>
O lo que es lo mismo:
<a href="aquí-la-url-de-la-página">aquí-el-texto-o-título</a>
Resultado:
Cosas de Rosa
Si te quedan dudas házmelo saber ;)
Hola Gem@! quisiera hacer una consulta: ¿ Cómo haces la caja donde van el numero de comentarios, el escrito por y las etiquetas?...
Saludos Gem@! que estés de lo mejor.
Gem@a, me llamo María Gabriela y estoy armando un blog para miostrar mis tejidos, por suerte encontre el tuyo que me ayuda muchisimo, estoy agregando pequeñas cosas de a poco algunas salen y otras no (como poner la imagen para que me contacten) todavia me falta poner mis fotos.
Saludos.
Hola Leny me alegra leer que es lo que estabas buscando, si tienes dudas házmelo saber ;)
Michael esa caja la puedas adaptar a tu blog siguiendo estos pasos:
http://gemablog-.blogspot.com/2007/03/imagen-en-post-footer.html
Suerte ;)
Hola Maria Gabriela poner una imagen para que conctaten vía e-mail es muy sencillo mira esta entrada habla sobre el tema:
Busca Código para nuestro correo y También podemos añadirle una imagen
Si buscas un generador de botones para e-mail en esta página tienes uno, de todas formas si no consiguieras aplicarlo en tu blog házmelo saber y le damos solución a eso ;)
Esta es la página de el generador, con las prisas me he olvidado :$
http://services.nexodyne.com/email/
Gracias!!!!!
Me sirve todo.
Estupendo ;)
Muchisimas gracias por tus aportes.
El scroll de imagenes me ha sido muy util. Ademas siempre encuentro algo interesante en tu blog. Cuando puedas chequea mi blog a ver que te parece, tu opinion es muy valiosa.
Gracias de nuevo,
Chao.
Gracias Gem@ quedo precioso
Un beso amiga
Gracias Gem por el scroll de imagenes
lo coloque en mi blog solo le cambie el color de fondo el borde y las dimensiones,todo lo que encuentro en tu blog me sirve para aprender.
hola gema.. saludos, oye vale pase a observar y me gusto el scrroll, pero lo hago y tengo 2 problemitas, el scrroll no se mueve, y el segundo es que los ultimos iconos los reviso y estan bien y me sigue saliendo el codigo, si puedes pasas por mi blogs y me echan una manito por favor, esta al final de la sidebar, gracias gema agradeceria tu ayuda
:) ... buenos dias, tardes, noches.
Solo una visita de cortesia,... y deseando que pases un buen veranito.
Salu2, ymmot ;-)
Saludos Dr. Gnomegang me alegra que esta entrada sobre el Scroll sea de utilidad. Tu blog esta genial, he visto que has aplicado algunas ideas de las que he ido mostrando, y eso me encanta. Lo que más me ha gustado es la imágenes que añades a las entradas, personalizadas por ti son buenísimas.
Te felicito ;)
Estupendo Alida, he visto también que añadiste el botón ;)
El blog de @ Leonardo de eso se trata de poder personalizar cualquier código para adaptarlo a vuestro blog, no me extraña que cambiaras el color de fondo, es algo llamativo, lo hice así precisamente para llamar la atención y comprobar que se puede añadir cualquier color de fondo ;)
-Leonardo Miquilena- al código le debe faltar algún cierre, repasalo detenidamente o si lo prefieres copia el código y mándalo a mi correo ;)
¡¡¡ ymmot que alegría verte cuanto tiempo¡¡¡
Gracias por acordarte de mi, y por tus buenos deseos de un buen veranito.
Espero que disfrutes de unas merecidas vacaciones amigo ;)
ok te lo enviare gema.. gracias por responder
Gracias Gema puse dos scrolls y me quedaron muy bien
Hola: me puse muy contenta cuando vi que explicabas cómo se hacía un scroll, hace bastante que estaba intentando hacer uno con la historia de las olimpìadas (es un blog escolar) pero no logro ni que suba, ni que tenga fondo, no sé qué puede estar pasando. Me podrías orientar?
Un beso.
Marisa.
¿Te dije que sos una genia/o?????
Tus explicaciones son las mejores, ya lo logré.
Un beso desde el otro lado del Atlàntico.
Marisa.
Estaré pendiente del correo Leonardo :)
Estupendo Rosa ;)
Me alegra esté resuelto el problema Marisa, está muy bien eso de crear un blog con finalidad escolar, ya son varios los que me hicieron llegar su dirección :)
HOLA GEMA.. TE ENVIE el correo con el codigo queria saber si te llego.. te lo envie a la direccion que aparece en el blogs, a lo mejor te llego a tu bandeja de no deseado.. espero me respondas saludos
Pues así ha sido Eduardo, si no leo este comentario pienso que no ha llegado ese mail, estaba en la carpeta spam (es algo que no entiendo y me está pasando con frecuencia)
Nada más tenga un momento pruebo tu código en mi blogs de pruebas y te contesto ;)
Gema: ¡Qué cabeza! Te dejo la dirección del blog
www.comunicacionyexpresiondelbeltran.blogspot.com
Ya sé un poco extenso, pero quedó así cuando empecé a experimentar hace unos meses.
Un abrazo y un agradecimiento por todo lo que nos ayudás.
Marisa.
TRANQUILA GEMA NO TE PREOCUPES... CUANDO PUEDAS ME RESPONDES.. Y MI NOMBRE ES LEONARDO AJAJAJ NO EDUARDO.. JAJAJ. SALUDOS..
Hola Gema:
Molestando denuevo, como ya comenté nos pusieron Firefox (hago el blog desde la ofi) y otro problemilla que encontré fué con este scroll, en IE me sale barbaro, pero en Firefox no funciona, sin embargo, miro tu blog con Firefox y está estupendo, que puede ser?
Besos Key ^_^
Gracias Marisa no sabes cuanto me gusta ver las cosas que vais aplicando.
Me mantengo en lo que dije es estupenda la idea de un blog escolar :)
Te he enviado un mail Leonardo jajaja sorry por ese lapsus en realidad no conozco a ningún Eduardo debe ser la similitud en la terminación del nombre :)
(Me has entendido sin llegar a explicarme, se pasa un poco mal de querer contestar a todos rápidamente, no solo son los comentarios, lo verás cuando vayas a la dirección que te he mandado)
Hola Key, ese es el peor castigo que puede tener un bloggers jajajaja y me explico....
No hay truco ni pócima para conseguir que nuestro blog se vea exactamente igual con diferentes navegadores, cualquier mínimo detalle es un contratiempo.
La solución ... a mi me ha pasado perder la sidebar en Explorer y ver mi blog estupendo con Firefox
¿Qué hice?
Además de volverme loca hice un repaso de todos y cada uno de los cambios que había realizado justo antes de tener el problema, eso es un incordio porque yo me olvido de Explorer y de tarde en tarde que miro ya han sido muchos los cambios realizados, pero aún así accedo al blog con el navegador que me causa problemas y voy mirando al mismo tiempo que pierdo la paciencia hasta conseguir dejarlo más a menos "decente"
hola gema bella.. muchas gracias por tu ayuda.. de verdad.. que MUCHAS GRACIAS.. MUCHISIMAS.. me alegra que estes en la WEb saludos para ti..
Gracias a ti Leonardo ;)
Hola Gema@ me has ayudado mucho ^o^ gracias por el dato!! yo antes usaba los slide show pero esto es mejor
Besos desde Panama
PD: hasle una visita a mi blog y mira que tal me ha quedado :)
Hola Koneko-tan me parece estupendo si en algún momento te he sido útil :)
Gracias por la invitación voy a verte.
Hola Gem@, bárbaro tu scroll, ya lo puse en funcionamiento, aunque todavía no lo miré con Explorer y ya sabes como es esto...
Le hice algunas modificaciones de acuerdo a mi gusto, pero hay algo que no termina de gustarme, a ver si sabes como solucionarlo, es que quede en un momento la caja vacía, no se si me explico, me parece que deberían unirse el último banner con el primero para que no se produzca ese bache, sabes como hacerlo?
Primero pensé que había hecho la caja muy larga, lo había hecho, en efecto, la achiqué y le di un poquito mas de velocidad pero el problema persiste, habrá alguna otra forma?
La tuya, que hiciste de muestra le pasa lo mismo, a lo mejor se te ocurre algo para que no quede el espacio vacío.
Muchas gracias por las ayudas que das, son en realidad muy valiosas, y aunque no estoy trabajando ahora con Blogger sino con Miarroba tus trucos y herramientas, la mayoría igual me sirven.
Besotes. :)
Hola gem@, me alegra que hayas vuelto, espero que hayas disfrutado de tus mini vacaciones, seguramente no viste mi comentario anterior, me gustaría que me contestes y de paso preguntarte otra cosa, si se puede hacer lo mismo pero con enlaces en lufgar de banners? En realidad lo hice pero los enlaces me salen de un color celeste fosforescente horrible, no se porque será,le puse color negro al código, al texto, pero no lo toma, ya me ha pasado con otros enlaces en la sidebar, si pudieras darte una vueltita por mi blog y decirme que es lo que debo cambiar para que no salgan de ese color te agradecería muchisimo.
También he pensado en hacer un blog para los amigos como tienes tu, pero no se si la gente se molestará en entrar allí a ver los enlaces y banners, no tengo tantas visitas como tu...:( Y son hasta muy reacias a escribir comentarios.
Un beso gem@, espero tu respuesta.
Hola k_nelita si que vi tu comentario pero quería probar para ver la forma de hacer el Scroll continuo sin dejar espacio entre una imagen y otra. (luego probaré y te contesto aquí mismo)
Sobre el Scroll con texto pues ya ves que puede hacerse, he visitado tu blog y por lo que veo ese color es el predeterminado para los enlaces de la sidebar. No sé como funciona mi arroba pero podemos intentar hacerlo de la siguiente forma:
Entre <head> y </head> añade lo siguiente:
<style type="text/css">
a:link { color: red; }
</style>
(red es el color rojo que puedes sustituirlo por otro de tu agrado, pero antes de hacerlo mira en vista previa para ver el efecto, si resulta bien pues adelante ;)
Lo de hacer un blog para enlaces en mi caso fue porque era un número muy grande el de enlaces a añadir y creo que ha sido una buena solución.
Todo depende de las necesidades de cada uno, es tu espacio y a tu gusto debe ser, no creo que nadie se moleste por ser enlazado todo lo contrario :)
Hola gem@, hay si supieras los desastres que hice...
Le quise poner una imagen de fondo en lugar de un color, y ni modo, me hizo estragos, tuve que sacarla y dejarlo como lo tenía.
Quise poner el script ese de jmiur, para lo del target, pero no, desastres también, lo saqué, igual con el target solo me los abre en ventana aparte.
Pero ahora me quedó el pie del blog en la parte de abajo de la sidebar, no tengo idea de porque, ya no se que sacarle...
Si puedes echarme una mano y decirme si sabes que puede haber ocacionado semejante despropicio, y de paso decirme como hago para poner una imagen de fondo en el scroll en lugar de color o no color como lo tengo.
Encontré una imagen muy linda es un recuadro negro degradado con bordes redondeados, nada del otro mundo, pero le daría un toque web 2.0, pero no la toma y me detiene todo el scroll y quedan los links quietos y extendidos hasta abajo del todo casi.
Otra cosa, porque se cambian los colores de los links? Los puse amarillos, pero algunos salen azules y casi no se ven, miralo un poquito por favor!!
Bueno espero no apabullarte con tantos problemas, ya leí lo que escribiste sobre los links, y algo de eso también usé, como lo de sacarle el subrayado a los links.
Muchas gracias por el trabajo que te tomas, ahora que te encontré, no sabes lo que soy, vivo haciendole cosas distintas todo el tiempo al blog, así que para tu desgracia, te molestaré bastante ja ja
Un beso gem@ y muchas gracias por todo, sos una genia!
k_nelita siento no poder ayudarte respecto a lo de la plantilla, no sé como funciona mi arroba.com.
Lo que si hice es esta entrada para que veas como aplicar una imagen de fondo:
http://gemablog-.blogspot.com/2007/08/scroll-de-texto-con-imagen-de-fondo.html
(El color que aparece en los enlaces debe ser el que tienes en la configuración del blog. Por ejemplo yo tengo como predeterminado el rojo y todos los enlaces del blog me aparecen en rojo)
Gema te felicito muy buen codigo lo puse en mi blog y funciona ala perfeccion a mi gusto creo que es me jor transparente con este codigo #RRVVAA se ve exelente gracias.
Yo sabia que tu tenias este codigo pero tu buscador no me h ayudado a encontrarlo tube que salir a google y de el me trajo ak.
gracias bueno ya lo estoy usando por segunda vez ;)
Hol Gem@, realmente agradezco tu página en general por todas las cosas que ayudan a gente como yo que poco sabemos del armado de páginas, para intentar hacer un poco mejor mi blog, y sobre todo a esta entrada que me ayudó a usarla para poner imágenes en movimiento enganchadas a la etiquetas de mi blog!!!! Muchas gracias!!!! sin tu ayuda no hubiera sido posible!!! saludos!
Es increíble lo fácil que es trabajar con tu ayuda Gema...muchas gracias por todo...
Espero que puedas visitar mis blogs...ligalamadrid.blogspot y escrachelamadrid.blogspot, para que me des tu opinión y algún consejito.
Gracias JAESRI y bienvenido.
Veamos que se cuece por tu blog ;)
Me alegra que te fuera útil Susana ;)
Gem le he puesto en mi blog y ha quedado muy bien.
Gracias, eres un solete
Lo he visto Paqui ha quedado muy bien ;)
Gracias tio me a sido de gran ayuda
que tal si podemos intercambiar link's
mi blog es
http://legadodeaquiles.blogspot.com
Hola...Saludos...ya coloque la ventana con el scroll...me honrarias que lo pases a ver...Gracias por la colaboracion...
http://madein-elcallao.blogspot.com/
De nada Mala Plaga...aunque de tio tengo poco ;)
Kenneth ha quedado genial de verdad supongo que estarás satisfecho.
Gracias por avisarme :)
gema no podes poner para que las imagenes no se mueban
y que abajo alla una flechita para eserlo girar espero que me entiendas
Entiendo lo que me dices Games, crearé una entrada y te explico... ;)
Ya la tienes Games ;) pensé en dedicarte la entrada pero no sabía el blog que debo enlazar.
mira gema a lo que me refiero es :
viste los fotolog que alado de la imagen tienen una lista de imagenes
bueno una cosa asi o paresida
PD : ODIO LOS FOTOLOGGGGGGGGGGGGGGG
Games no sé a qué te refieres déjame un enlace donde pueda verlo :(
gema porfabor me das el codigo htlm de las flechas esasas que tenes abajo y de la home esa porfaaaaaaa lo nesesito
Games el código aquí y la imagen aquí aloja la imagen en tu servidor porque si la banda ancha es superada te quedas sin imagen ;)
no me entendiste gema
me referia a esas flechas y casita que tenes bajo de las entradas esas que son para cambiar de entradas estas mira
aca
Esos son los iconos de navegación Games :)
Y cuando dices que te de el código html ¿te refieres a la imagen, al código de la imagen o la forma de añadirlas a tu blog? :O
Porque la imagen te la puedes llevar en guardar como... el código para la imagen sería:
<img src="url-de-la-imagen">
Y la forma de añadirlo aquí
Hola Gema, he intentado hacer el scroll de imagenes con enlace, pero las imagenes no se me ven, me salen recuadros blancos con x rojas, como que no encuentra la foto. Lo he hecho varias veces con diferentes servidores de imagenes photobucket, picasa y flick, y siempre me da error. Alguna idea?
Si quieres te puedo mandar por el correo todo el codigo html que he puesto para que lo compruebes.
Puede ser por el tamaño de las imagenes puse 177x35?
Hola IRADAI, mira el scroll tiene por defecto, al código me refiero, un ancho de 100 pixeles, si te fijas dice así: width:100px; y gem@ explica que esa medida y las demás también las podemos modificar, así que si tus imagenes tienen 177px de ancho debes modificar el 100 por un poquito mas que 177px, yo le pondría 190 o 200, andá mirando y fijate como queda y como te gusta.
Si no es eso pregunta de nuevo o repasa bien las instrucciones de gem@.
Suerte ;)
Hola Iradai ya lo vi en tu blog en "DIRECTORIOS" cuando una imagen muestra esa X roja es porque la url de la imagen no funciona, conviene buscar una url directa, la mejor... el mismito Blogger ;)
Gracias k_nelita ;)
Ah, y por supuesto no debe ser la imagen mayor que el ancho del scroll. Puedes crear un scroll hasta de 230px; ya que tu sidebar mide 240px; como dice k_nelita puedes modificar donde dice width:100px
Ahora si, jajaja las prisas ;)
Hola Gema, he probado ha modificar el tamaño de la ventana, he disminuido los banners, y nada.
Te mando el código html, a ver si ves algún fallo
Gracias de antemano
Perfecto, en mi sidebar tienes el coreo ;)
Ya lo he recibido ;)
MUCHAS GRACIAS, al final el problema estaba en el url, por no ser directo, no por un error de html.
Gracias por tu ayuda, hasta pronto
Así es como lo vi Iradai sustituye la urL de Picasa por otra que sea directa el resto del código está bien ;)
Justamente, después del comentario que le dejé a Iradai, releí el primer comentario de ella (ella no?)y volví a escribir otro diciendole lo mismo sobre las url, pero bendito Blogger no salió, y lo dejé así, para que si me equivocaba me corrigieras querida gem@.
Bueno me alegro que ya lo hayan resuelto.
Besos a las dos ;)
Estabas en lo cierto k_nelita el scroll nunca debe ser menor que la imagen, pero el problema era la imagen, la X roja es cuando una url está rota suele pasar con las que no son directas como el caso de Picasa que enlazaba no con la imagen sino con la página donde se aloja la imagen.
Hola Gema:
Está muy lindo tu blog y muy útil,qusiera saber como publicaste una plantilla diferente de las de blogger.Te dejo el link de mi blog Promociones En Red
Gema
Saludos Promocionesenred no sólo podemos añadir las plantillas que Blogger nos proporciona, por suerte hay páginas con maravillosas plantillas.
Esta plantilla que uso es la Minima de Blogger con cambios que he ido haciendo paulatinamente gracias a las ideas y consejos que puedes ver en este blog y algunos más de ayuda :)
Saludos y feliz año queridisima Gem@!!
Tengo una duda con respecto a este scroll, será que no permite ingresar más de 9 enlaces, porque estoy intentando agregarle más de esa cantidad y a pesar de que blogger acepta y guarda el html no son visibles en el scroll.
Muchas gracias gran amiga y colaboradora!
» Hola Karina se soluciona aumentado el valor de height:150px :)
Gracias Gem@
ésto estaba buscando hacía mucho y no sabía como hacerlo!!!!
Un cariño
Noe
Gracias a ti Noe. Más cariños :)
hola:
buscando por aqui un scroll de imagenes para el blog he llegado a ti, y he de decirte que es muy interesante tu aportación.
lo que sucede es que yo lo que busco es un scroll de imagenes que no sean barner; me explico:
quisiera poner un scroll de imagenes de libros que he leido en mi pagina.
el scroll lo entiendo pero como le añado las imagenes de loslibros?
me gustaría que me respom¡ndieras
Sería lo mismo Pablo, los banners son imágenes, y serían sustituidas por la imagen de tus libros, si quieres omitir que contengan un enlace donde dice:
<a href="URL del enlace" title="texto"><img src="aquí url imagen"</a> dejamos sólo el código para la imagen...
<img src="aquí url imagen"</a>
:( Perdona me confundí al convertir el código, sería así:
<img src="url-de-la-imagen"/>
perdona
soy muy torpe, ¿cómo seria el código entero para poner ? las imagenes las tengo yo en mi dd
disculpa pensaras que tengo muvcha cara pero es que no tengo ni idea de estas cosas
gracias
Sería algo así
<marquee direction="up" scrollAmount="1" style="background-color: #990000; text-align: center; width:100px;height:150px;border:2px solid #cccccc;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='1'">
<img src=" aquí url imagen"</a><br>
<img src="aquí url imagen"</a><br>
</marquee>
Cada vez que desees añadir una imagen añades
<img src=" aquí url imagen"</a><br>
hola, se puede hacer que se inicie la rotacion de imagenes desde arriba del rectangulo rojo y no desde abajo tal y como esta ahora, y que sea continua es decir que al terminar la secuencia de imagenes continue por el principio sin esperar a que desaparezca la ultima imagen
yz Para que en lugar de subir el efecto sea al contrario "bajar" sustituimos en el código donde dice "up" o "down"
En realidad la secuencia no desaparece lo que ocurre que yo le di demasiada altura al scroll.
Se puede solucionar una vez que añadimos los enlaces para comprobar el espacio que necesitan y de esa forma modificar donde dice height:150px; que es la altura por mayor o menor valor ;)
muchísimas gracias !! este post es el que buscaba :D Voy a probarlo estos días y te comento. Un Saludo
yz Todo tuyo F.Caliero ;)
muchisimas gracias pore tus aportacions has hecho de mi pagina algo distinto
y sobre todo me has hecho pensar como hacer las cosas, y eso me has gustado mas.
he llegadfo a lo que queria con lo que tu me has dicho y pensandolo yo ; vamos sin que me lo des hecho
gracias
me gustaria que pasaras por la pagina a ver que te parece
yz Pablo así es como se deben hacer las cosas, es la única forma que todo lo que hacemos lleve unas gotitas de nuestra esencia :)
Me gustó tu blog, lo imaginé así muy personal y con toque masculino :)
Ya lo estoy utilizando, pero aún está en pruebas :) en realidad necesito ayuda, ¿puedo tener el scroll con height:400Px y que las imágenes de 175Px de alto no dejen nunca el scroll vacío? Lo interesante es que cuando pasen todas, sigan pasando de continuo, sin dejar un hueco en #000000 como en mi caso. Muchas Gracias por tu ayuda, Salu2.
yz F.Caliero depende todo de la cantidad de imágenes, el scroll puede tener la medida de 400 y las imágenes vas apareciendo continuamente pero una vez que las imágenes terminan quedará un espacio vacío.
Queda la posibilidad de no añadirlas seguidas dejar por ejemplo entre una y otra el espacio que ocuparía una imagen por ejemplo.
Pero igualmente depende todo de la cantidad de imágenes :)
Hola Gem@
Realmente me encanta el blog, me he inscripto para recibir los boletines, el blog es muy descriptivo y amena y detalladas las instrucciones para que, hasta una persona grande como yo pueda “jugar” con las distintas variables, en este caso ya cambié el fondo, el ancho, el marco, agregué imágenes etc. Pero necesitaría saber como hacer para que cuando se haga clic en la imagen, se abra en una nueva ventana y no en la misma como está actualmente.
Desde ya muchas gracias
Hugo
Hola Gema!
Ya estoy usando el scroll, pero me he percatado de que cuando la página está cargando, las imagenes del scroll invaden la sección de abajo, es decir, yo tengo el scroll a 200 x 100, me sale una imagen por vez, pero cuando la pagina aún no ha cargado por completo se ven todas las imagenes del scroll...¿como puedo arreglar eso?
Este es mi blog:
http://denshougatari.blogspot.com/
la scroll está en el sidebar.
Gracias
yz hugo lopez gracias por el comentario :)
Sobre abrir en ventana nueva mira este enlace ;)
yz Denshou eso es normal que ocurra, cualquier efecto sea un scroll, ventana modal o cualquier otro no se carga hasta que termina de cargar la página :(
Gracias Gema por la aclaración!
yz No hay de qué Denshou ;)
Hola gema:
preciso lo que estaba buscando , el scroll de imagenes, tengo dos preguntas, 1. como hago si hay imagenes mas grandes que otras?, me explico: he buscado unos logos en la web pero algunos los he encontrado mas grandes que el tamaño de la caja del scroll que esta perfecta asi como la tienes tu, quiero que todas las imagenes sean del mismo tamaño, entonces como las dismunuyo, y 2. puedo disminuirlas yo, y si asi lo hago como las subo a mi servidor?, si las tengo solo en mi pc?
nota: esto es para una web de jimdo. de resto a mi me funciona excepto por el tamaño de las imagenes y por que hay algunas que tengo en mi pc y no se como subirlas al servidor.
gracias por tu atencion
no se si salio el post, decia que ojala no moleste mucho pero se me olvido preguntar como hago para centrar las imagenes en la caja.
}gracias
yz Saludos ING. ANA AMERICA RIOVALLES para que todas las imágenes sean de igual tamaño puedes añadir en el mismo código el tamaño que deseamos mostrar
http://gemablog-.blogspot.com/2007/08/enlazar-imgenes-modificar.html
No sé como se hace en jimdo para subir archivos pero en Blogger las puedes subir en un post y luego dejarlo en borrador, conseguir la url de esta forma sería como subirlas en un post y luego en la pestaña de HTML copiamos la url de las imágenes.
Otra forma de subirlas es usar por ejemplo http://imageshack.us/
Suerte ;)
hola, gema gracias me puse a revisar el codigo y aunque no se programar html, di en el clavo y las modifiqué yo misma¡¡¡ ahora lo que quiero es saber como hago para el scroll de imagenes ascendentes me quede como scroll d imagenes lateral, es decir que las imagenes se muevan de izq a derecha o viceversa, pues encontre por alli un codigo, pero solo pude meter una imagen y no se como enlazar las otras imagenes para que pasen una a una.
me encantaria que me ayudaras en esto gemita, pues por lo que veo te seguire hasta buen tiempo aqui en tu pagina pues tus scripts son tan sencillos y me sirven casi todos en mis paginas de jimdo.
gracias y saludos desde Colombia
ING. ANA AMERICA RIOVALLES
yz Saludos Ana, para que las imágenes salgan en horizontal sustituye en el código donde dice up por righ.
Para que las imágenes vayan pasando una trás otra es suficiente con añadir el código de las imágenes uno a continuación de otro :)
Gracias, este ha sido un valioso aporte!!!! :D
hola gem@!! mi blog está muy recargado y me gustaría poner los banners de los directorios de manera oculta como los tienes tú. ¿podrías decirme cómo hacerlo? desde ya MIL GRACIAS!!!
vuelvo a hacer mi petición suscribiéndome... aisss
poner los banners de directorios y demás de manera que no se vean. tenkiuuu
yz Gracias a ti por comentar OmarB. :)
yz lk siento la demora no había visto estos comentarios, te contesté hace unos minutos e notros más recientes.
disculpa, en base a este scroll vertical, cree uno horizontal, pero no se como hacer para que al finalizar la ultima imagen con enlace que puse vuelva a la primera imagen, osea que apareza cuando rota la ultima imagen pegada a la primera, sin un amplio espacio, te agradeceria que me lo contestes en mi blog por si no encuentro este post tuyo.
http://he-marvel.blogspot.com/
yz HE-MARVEL el ancho de todas las imágenes unidas no cubren esos 918px de ancho que le has dado, la solución es añadir más imágenes o disminuir el ancho, porque las imágenes se verán continuas cuando la suma de todas sea igual al ancho ;)
Gracias por contestarme, puse tantas imagenes que en total debe haber 1800px, pero aun asi, cuando pasa la ultima queda un espacio ancho como el blog(918px aprox) hasta que vuelve a la primera, yo queria que automaticamente despues de la primera imagen aparezca la ultima; pero ya lo solucione, le cree un bonito gif de fondo(me quedo muy bien) para que aparezca cuando se tiene que ver ese espacio, esta al final del blog si lo quieres ver; muchas gracias por todo, he utilizado algunos trucos de tu blog.
PD: de todas formas si sabes como hacer para que automaticamente despues de la primera imagen aparezca la ultima, por favor dimelo porque estos pensando en crear uno vertical para la sidebar para poner los blogs amigos.
Saludos!!!
Hola Gem@!
una duda, porque ando perdida, este código va como un nuevo gadget html en el blog, o en alguna parte del código del blog? es que no sé donde ponerlo! gracias
besos! y me encanta tu pagina! genial
yz Según donde desees añadirlo, si es en la sidebar debe ir en un gadget de la sidebar HTML...
Si es en una entrada dentro de la entrada :)
yz Veo que lo suprimiste HE-MARVEL.
Hola he tratado muchas veces de poner en el scrolll mas de dos imagenes con enlaces repitiendo el codigo y no me sale. Por favor ayudame para saber como tengo que hacerlo en el codigo.
vip27messenger@hotmail.com
:: Yaritza si me indicas donde está añadido vemos la solución al problema :)
Gem@:
Como siempre tu post me ha sido de extraordinaria ayuda.
Mis felicitaciones y te deseo lo mejor para este 2010.
:: Me alegra que así sea Avril1 y Lopecito :)
Hoola !! me gusta muxo el scroll!!! pero una preguntita.. y si quisiera q el scroll fuera horizontal???? Muxas gracias bsssssss
http://sgroyaparadise.blogspot.com/
:: Sgroya para mostrarlo en horizontal sustituye up por righ :)
Hola Gem@, gracias por tu excelente post, me ha ayudado mucho, estas "5 simples" lineas reemplazan a todo un monton de codigo que pensaba hacer en PHP para lograr algo parecido.
Felicidades
Wachowsky
:: Me alegra mucho tu comentario miguEL ANGEL, gracias por tomarte la molestia :)
Hola Gema:
Algo extraño ocurre con esto. Tanto en tu ejemplo en esta página como en mi blog www.lospingosdetodos.blogspot.com cuando el primer banner llega al tope desaparecen todos y vuelven a empezar.
Esto no ocurria hasta hace unos dias (ya que giraba toda a vuelta) y lo mas extraño aún es que solo sucede con explorer. (con Google chrome por ej. lo veo correctamente)
:: Avril1 y Lopecito yo creo que necesitas actualizar el navegador lo veo igual con Firefox que con Explorer.
Muchas gracias por tus enseñanzas y experiencia. He llegado a tí mediante Google y ya estás en mis favoritos y feeds.
Estoy trabajando con lo que he leido en este post y en otros varios de tu blog y de momento va funcionando. La idea es hacer una serie de pases por años de enlaces a álbumes fotográficos que están alojados en otros sitios.
Mi blog es de windows live y con el editor, de momento va funcionando lo que quiero.
Lo he puesto horizontal, con gif animado de fondo, y enlace abierto en otra ventana. Voy a seguir con ello para publicarlo cuanto antes.
gracias de nuevo.
Mi blog es http://taichixinyi.spaces.live.com
Salu2
Bueno nuevamente por aquí para comentarte que despues de mucho código y de haber creado un pase horizontal con tiulo arriba imágen y enlace debajo que, en el writer y en la vista previa del space funcionaba perfectamente, pues al publicarlo se elimina el código.
Lastimosamente ya me lo temía por que los spaces de windows live siempre van a remolque de google y hay muchas cosas que no permiten hacer. En fin mi gozo en un pozo tendré que probar con flash a no ser que conozcas o me aconsejes alguna otra opción que sea viable.
Va a ser cuestión de continuar con blogger donde lo deje, lo único que vale de spaces es el almacenamiento, que es muy alto y versatil (ahora, claro, que no siempre ha sido así)Lo mismo combino ambos, ya veremos...
Salu2.
:: Saludos taichicoslada, no sabría decirte porque no sé como funciona spaces, lo que si puedo decirte es que GoogleSites está funcionando muy bien y ya permite alojar archvos js que es lo que más falta nos hacía.
Bueno, lo que más falta hace es que Blogger tenga su propio alojamiento pero es lo que hay.
Me gustaría ayudarte pero no está a mi alcance, lo siento :)
Hola Gema, llevo días buscando algo parecido a esto
http://www.edulalanda.com/index-1.html
Alguna sugerencia???
:: Patty Moreno eso es lo que conocemos como página web, en Blogger es posible hacer muchas cosas pero eso en concreto no es el resultado de u npar de cambios sino de diseñar un blog al completo. Puede hacerse condicionando alguna partes del blog quizás este enlace Oloman pueda ayudarte: http://oloblogger.blogspot.com/2010/02/otra-pantalla-de-presentacion-facil.html
Hola Gema.
Tenía que haberme explicado mejor. Se que se trata de una página web, lo que realmente quería preguntar es como implementar en el blog un scroll de imágenes como el que aparece.
Gracias de antemano.
Un saludo y enhorabuena por tu blog.
:: Entiendo, esa galería está creada con jQuery, no tiene sentido pasarte los estilos y los scripts que necesitas sin antes probarla así que si te parece y no tienes mucha prisa para el fin de semana intento crear una entrada sobre esa galería.
Gracias Gema, aunque ¿no es posible crear algo similar sin necesidad de utilizar scrips? no tengo servidor donde alojarlos.
Un saludo y muchas gracias por tu ayuda.
:: Casi todos esos efectos trabajan con script este en concreto creo recordar que lleva tres.
Si tu blog está en Blogger puedes alojar archivos en Google Sites al que puedes acceder con la misma dirección de correo que a Blooger y la misma contraseña :)
http://sites.google.com/
Genial, tengo un site, pero no tenía ni idea de que aceptaba ese tipo de archivos. Tendré que ponerme las pilas, ya no tengo excusa. Espero emocionada a que crees la entrada......
Mil gracias.
:: Se hace muy problemático Patty, tiene un total de ancho de width:7588px, se supone que sería para añadir en la parte superior del blog o dónde?
Hola Gema
Sería para incluirlo en una entrada con un ancho de 800px , es un blog de fotografía www.pattymoreno.es
Muchas gracias por tu interés, pero si lo ves muy complicado pasa página.
Un saludo
Patricia.
:: Es complicado en el sentido que hay que dedicarle bastante tiempo para adaptarlo a las medidas que tu necesitas.
Si tienes claro que la vas a añadir esa u otra galería lo miraré conforme el tiempo me permita :)
De acuerdo Gema, te lo agradezco enormemente desde ya.
Eres la mejor.
Hola Gema me ha encantado este Scroll de imágenes con enlace
he seguido como dice los pasos, pero no logro hacerlo funcionar solo me aparace el cuadrado rojo y nada mas, quisera que me ayude nose que estaré haciendo algo mal. Muchas Gracias Gema
la imagenes que subo estan en formato png. quizas tenga que subirla en jpg
:: Victor Sacaba no veo que tengas añadidas las imágenes comprueba que debe ir donde dice: aquí url imagen :S
Hola Gema.Me gusta este tipo de scroll pero,se puede utilizar sólo el título sin que salga imagen?
Muchas gracias ;-)
:: Se puede Nude :)
http://gemablog-.blogspot.com/2007/08/scroll-de-texto-con-imagen-de-fondo.html
Gem@ ! Me vino barbaro este tipo, lo pude implementar con unos banners y sus respectivos enlaces. Le coloque imagen de fondo, todo excelente, pero necesito consultar por 2 motivos:
1 - Como puedo evitar el bache entre la ultima imagen y el comienzo de la primera imagen del scroll, queda un espacio vacio, deberiamos aprovechar ese tiempo.
2 - Mientras carga mi sitio, el scroll y sus imagenes quedan detenidos y luego de la carga comienza el scroll. Ahora bien, mientras se encuentra detenido el scroll las imagenes sobrepasan el largo total del cuadro donde estan alojadas las imagenes y su fondo, sobreponiendose con otros widget que estan alojadas en mi sidebar.
No se si logre explicarme?
Cualquier cosa no dudes en contactarte conmigo,
un cordial saludo,
:: Adrián J. Messina así es como funciona el script hasta donde yo sé no hay forma de llenar ese hueco, y es lógico que mientras carga la página de la sensación qu elas imágenes se salgan, ningún script se carga antes que la página todos lo hace cuando la página está cargada :S
Hola Gemma,felicidades por tu blog! Quisiera saber cómo puedo hacer para que este scroll salga horizontal, quiero incluir imágenes de mis recetas de cocina y no sé si se puede hacer que cada imagen enlace al post donde se publicó. Pufff cuánto lío ¿no?. Muchas gracias y besitossss
:: Hola Maria Jesús hay una forma de hacer eso y que automáticamente las imágenes se añadan solas, si me da tiempo lo explico de aquí a unos días.
ajaaaa, interesante, pero no tendras un post de como colocar imagenes ciclicas, algo asi como la pagina del msn al comienzo aparecen imagenes q tiene una descripcion, y dentro de un momento cambia a otra imagen q tiene descripcion, y si no viste la q paso, a los costado hay dos flechitas q te permiten retroceder o adelantar, porfa ,,,,,grax gemaa eres la mehjor
hola quisiera saber como se hace para q no vaya el scroll vertical si no horizontal gracias
mmm no consigo que me salga... ¿a que puede ser debido?
Sin verlo no puedo saberlo :S ¿dónde lo has añadido?
perdona, es que como vi que no funcionaba lo quite, a ver si esta tarde lo vuelvo a poner...
las imagenes tienen que tener algun tamaño determinado o subirse a un sitio determinado? yo uso imageshack...
y como solo queria poner imagenes no puse nada en "aqui URL" ¿eso afecta?
Por eso no lo verás entonces porque es necesario que pegues la url de las imágenes.
El tamaño no debe ser superior a la caja y las imágenes cualquier servidor es bueno aunque yo siempre recomiendo en Blogger o Picasa que viene a ser lo mismo.
Hola Gem@!!!
Tengo el nuevo diseño de mi blog casi terminado. Le pondré fondo blanco con colores celeste además de otros cambios importantes, en especial este que te comento a continuación. Me gustaría insertar todas las imágenes (las de abajo del slide del diseño actual: kenia, argentina, gambia,...) con enlaces a cada post en un scroll como el de este post (se reduciría enormemente la página de inicio, que es lo que quiero). Ha quedado muy bien, pero creo que mejoraría si se pudiese controlar con dos botones de derecha e izquierda en los bordes derecho e izquierdo del scroll para dirigirse el movimiento a la dercha o izquierda. Tal vez deba dirigirme a otro de tus post, pero es que lo llevo buscando horas y no lo encuentro. Otra opción es que no haya movimientos de las imágenes y al hacer click en los botones dereca izquierda vaya a la derecha o la izquierda mostrando otras imágenes. Esto es lo qeu más me gusta. Cómo lo ves? Sería algo parecido a esto de debajo del slide del header de esta web que he encontrado: http://www.thabuca.es/
Mil gracias, Gema.
Nota: solo los miembros de este blog pueden publicar comentarios.